
.tabs {}

/*注意：在给组件写reset的时候，不能写成全局的*/
.tabs > ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabs>ol.tabs-bar {
  display: flex;
  border-bottom: 1px solid red;
}

.tabs>ol.tabs-bar>li{
  padding: 4px 8px ;
  border: 1px solid transparent;
  border-bottom: 0;
}

.tabs>ol.tabs-bar>li:hover{
  border-color: red;
}

.tabs>ol.tabs-bar>li.active{
  border-color: blue;
}

.tabs>ol.tabs-content>li{
  display: none;
}
.tabs>ol.tabs-content>li.active{
  display: block;
}

